<!DOCTYPE html>
<html lang="en">

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta charset="utf-8" />
	<title>痕迹物证</title>
	<link rel="stylesheet" href="jquery-easyui-1.5.3/themes/default/easyui.css">
	<link href="jquery-easyui-1.5.3/themes/icon.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/hjwz.css" />
	<script type="text/javascript" src="jquery-easyui-1.5.3/jquery.min.js"></script>
	<script type="text/javascript" src="jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="font_jjkmvgsdpk/iconfont.js"></script>
	<link rel="stylesheet" href="font_jjkmvgsdpk/iconfont.css">
	<script src="font_5orzif3vv0i/iconfont.js"></script>
	<script>
		$(function() {

			//调用layout的panel方法，获取对应区域对象
			var center = $("body").layout("panel", "center");
			$("#menu").tree({
				onSelect: function(node) {
					//调用panelrefresh方法，重新加载面板内容
					center.panel("refresh", node.url);
				},
				onLoadSuccess: function(node, data) {
					if(data.length > 0) {
						//找到第一个元素
						var n = $("#menu").tree('find', data[0].id);
						//调用选中事件
						$("#menu").tree('select', n.target);
						$('#menu').find("span.tree-icon").removeClass('tree-icon tree-folder tree-folder-open');
						$('#menu').find("span.tree-hit").removeClass('tree-expanded');
						$('#menu').find("span.tree-file").removeClass('tree-file');
					}
				}
			});

		});
	</script>
</head>

<body class="easyui-layout">
<div data-options="region:'north',split:false,collapsible:false" id="layout_north">
	<ul id="menu">
		<li  data-options="url: 'handprint'">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-shou "></use>
			</svg>手印 </div></li>

		<li data-options="url: 'footprint' ">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-jiao "></use>
			</svg>足迹</div></li>


		<li data-options="url: 'biology' ">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-shengwu "></use>
			</svg>生物</div></li>


		<li data-options="url: 'tool' ">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-gongju "></use>
			</svg>工具</div></li>


		<li data-options="url: 'electron'">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-dianzi "></use>
			</svg>电子</div></li>
		<li data-options="url: 'mp' ">
			<div class="ww">	<svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-video_player_ "></use>
			</svg>视频</div></li>
		<li data-options="url: 'guns' ">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-qiangzhi "></use>
			</svg>枪弹</div></a>
		</li>
		<li data-options="url: 'special' ">
			<div class="ww">	<svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-mystic- "></use>
			</svg>特殊</div></li>
		<li data-options="url: 'poison' ">
			<div class="ww">	<svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-icon-test "></use>
			</svg>毒化</div></li>
		<li data-options="url: 'lihua' ">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-huabanfuben "></use>
			</svg>理化</div></li>
		<li data-options="url: 'document' ">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-wenju "></use>
			</svg>文检</div></li>
		<li data-options="url: 'orther' ">
			<div class="ww"><svg class="icon " aria-hidden="true ">
				<use xlink:href="#icon-qita "></use>
			</svg>其它</div></li>

	</ul>

</div>
<div data-options="region: 'center',title:'',href: 'handprint'" id="layout_center" style="margin-top:3px ;">

</div>

</body>

</html>